<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- STYLESHEETS -->
    <!--[if lt IE 9]><script src="../../js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="../../css/responsive.css">
    <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- file-input -->
    <link rel="stylesheet" type="text/css" href="../../js/file-input/fileinput.css" />

    <!-- datatable -->
    <link rel="stylesheet" href="../../js/datatables/datatable.css">
    <style>
        .red {
            color: red;
            font-size: 12px;
            display: flex;
            align-items: center;
            height: 34px;
        }
    </style>
</head>

<body>
    <header class="navbar clearfix" id="header">
    </header>
    <!-- PAGE -->
    <section id="page">
        <!-- SIDEBAR -->
        <div id="sidebar" class="sidebar">
            <div class="sidebar-menu nav-collapse">

                <!-- SIDEBAR MENU -->
                <ul>

                </ul>
                <!-- /SIDEBAR MENU -->
            </div>

        </div>
        <!-- /SIDEBAR -->
        <div id="main-content">
            <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
            <div class="container">
                <div class="row">
                    <div id="content" class="col-lg-12">
                        <!-- PAGE HEADER-->
                        <div class="row" style="height: 30px;">
                            <div class="col-sm-12">
                                <div class="page-header">
                                    <!-- STYLER -->

                                    <!-- /STYLER -->
                                    <!-- BREADCRUMBS -->
                                    <ul class="breadcrumb">
                                        <li>
                                            <i class="fa fa-home"></i>
                                            <a href="../index.html">首页</a>
                                        </li>
                                        <li>
                                            <a href="#">批复模式</a>
                                        </li>
                                        <li>充值记录</li>
                                    </ul>
                                    <!-- /BREADCRUMBS -->

                                </div>
                            </div>
                        </div>
                        <!-- /PAGE HEADER -->

                        <div class="row">
                            <!-- TABLES -->
                            <div class="col-md-12">
                                <!-- BOX -->
                                <div class="box border primary">
                                    <div class="box-title">
                                        <h4><i class="fa fa-table"></i>充值记录：<span id="total"></span>条 </h4>

                                    </div>
                                    <div class="box-body">
                                        <table id="db_brand_list" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">

                                        </table>
                                    </div>
                                </div>
                                <!-- /BOX -->
                            </div>
                        </div>
                        <!-- /TABLES -->

                        <div class="footer-tools">
                            <span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
                        </div>
                    </div>
                    <!-- /CONTENT-->
                </div>
            </div>
        </div>
        <input type="hidden" name="brandId" />
    </section>

    <!--/PAGE -->
    <!-- JAVASCRIPTS -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- JQUERY -->
    <script src="../../js/jquery/jquery-2.0.3.min.js"></script>
    <!-- JQUERY UI-->
    <script src="../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
    <!-- BOOTSTRAP -->
    <script src="../../bootstrap-dist/js/bootstrap.min.js"></script>

    <!-- BLOCK UI -->
    <script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

    <!-- AUTOSIZE -->
    <script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>

    <!-- INPUT MASK -->
    <script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>

    <!-- bootstrap-fileupload -->
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.iframe-transport.js"></script>
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload.min.js"></script>
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload-process.min.js"></script>
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload-validate.min.js"></script>

    <!-- UNIFORM -->
    <script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
    <!-- spinner -->
    <script src="../../js/spinner/spin.js"></script>
    <!-- DATA TABLES -->
    <script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
    <script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

    <!--bootbox-->
    <script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
    <!-- COOKIE -->
    <script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
    <!-- CUSTOM SCRIPT -->
    <script src="../../js/script.js"></script>
    <script src="../../js/common.js"></script>
    <script>
        var Recharge = function() {
            var wholesalerId = $.erp.getUrlParms(window.location.href).id
            var searchRechargeLog = function() {
                var url = App.getContextPath() + "admin/wholesaler/searchRechargeRecord.do?wholesalerId=" + (wholesalerId || '');
                var dtSetting = $.dataTableSetting({
                    "ajaxSource": url,
                    "serverSide": true,
                    "bFilter": false, // 去掉搜索框
                    "bLengthChange": true, // 每页显示数量

                    "sScrollX": "100%",
                    "sScrollXInner": "100%",
                    "iDisplayLength": 20,

                    "bSort": false,
                    "aoColumns": [{
                        "mDataProp": "id",
                        "sTitle": "充值ID",
                        "width": "20%"
                    }, {
                        // "mDataProp": "rechargePrice",
                        "sTitle": "充值金额",
                        "width": "20%",
                        "render": function(data, type, row) {
                            return format_thousands(row.rechargePrice);
                        }
                    }, {
                        "mDataProp": "createTime",
                        "sTitle": "充值时间",
                        "width": "20%",
                        "render": function(data, type, row) {
                            return $.getLocalTime(row.createTime);
                        }
                    }, {
                        "mDataProp": "createBy",
                        "sTitle": "操作人",
                        "width": "20%"
                    }]
                });

                $mainDataTable = $("#db_brand_list").dataTable(dtSetting);
            };
            var showDialog = function() {
                // fileUpLoad();
                $.clearInput();
                $("#box-config").modal("show");
            };

            function showRechageDialog() {
                // fileUpLoad();
                $.clearInput();
                $("#recharge-config").modal("show");
            };

            var fileUpLoad = function() {
                $("[upload-file=imageUrlProduct]").fileupload({
                    url: App.getContextPath() + "admin/file/uploadImage.do",
                    formData: {
                        fileType: "ProductDetailImage"
                    },
                    dataType: 'json',
                    acceptFileTypes: /(\.|\/)(gif|jpe?g|png|JPG?g)$/i,
                    iframe: true,
                    autoUpload: true,
                    done: function(e, data) {

                        var result = data.result;
                        if (result.message != "") {
                            $.alert(result.message);
                            return false;
                        } else {
                            var $tr = $(this).closest("form");
                            $tr.find("[hidden-image]").append("<input type='hidden'  value='" + result.fileUrl + "' />");
                            $tr.find(".image_preview_default").html("<img src='" + result.fileUrl + "' />");
                        }
                    }
                });

            };

            function recharge() {
                showRechageDialog()
                var tr = $(this).closest("tr");
                // if ($(tr).find(".productNum").html() != "0") {
                //     $.alert("批发商下已经绑定商品，请先解除关系后，再删除！");
                //     return;
                // } else {

                // }
            };
            return {

                init: function() {
                    searchRechargeLog();
                }
            }
        }();


        $(function() {
            $("#header").load("../head.html");
            App.init(); //Initialise plugins and elements
            Recharge.init();

        });
    </script>
    <!-- /JAVASCRIPTS -->
</body>

</html>